<!DOCTYPE html>
<html>

<head>
  <title>
    <%= title %>
  </title>
  <style>
    .box {
      color: red;
    }
  </style>
  <link rel='stylesheet' href='/stylesheets/style.css' />
</head>

<body>
  hello ejs
  <h1>
    <!-- title 变量的值 就显示到 h1中 -->
    <%= title %>
  </h1>
  <p>Welcome to <%= title %>
  </p>

  <h2>

    <!-- 直接插入变量的值 -->
    <!-- = 等号插值--会把变量的值 原样样式--不会解析 字符串中 html代码 -->
    <!-- - 减号插值--会把变量的值 解析 字符串中 html代码 -->


    <%= obj.a %>

  </h2>

  <%= obj.user.username %>


    <!-- 类似 innerText -->
    <%= obj.test %>
      <!-- 类似 innerHTML -->
      <%- obj.test %>

        <!-- 插入 代码   -->


        <!-- 插入if判断 -->
        <% if(obj.flag==true){ %>
          <div>aaa</div>
          <% } %>

            <!-- 插入for循环 -->

            <% for(var i=0;i<obj.arr.length;i++){ %>
              <div class="box">
                <%= obj.arr[i].title %>
              </div>
              <% } %>




</body>
<script>

</script>

</html>